/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 01:09
 */

import {StyleSheet} from 'react-native';
import {SCREEN_WIDTH} from "../../../../constant/PHScreen";
import {COLOR_LINK, COLOR_THEME} from "../../../../constant/PHColors";

export const styles = StyleSheet.create({

    body:{
        backgroundColor:'#ffffff',
        flex:1,
    },

    bodyTitle:{
        marginLeft: 15,
        marginRight: 15,
        marginTop: 10,
        marginBottom: 10,
    },

    bodyTitleText:{
        fontSize:20,
        color:'#2b2b2b',
    },

    radioBox:{
        flexDirection: 'row',
        justifyContent: 'space-between',
        flexWrap: 'wrap',
        margin: 15,
    },

    radioButton:{
        borderWidth: 1,
        borderRadius: 3,
        borderColor: '#969696',
        height: 35,
        width: (SCREEN_WIDTH-45)/2,
        marginBottom: 10,
        alignItems:'center',
        justifyContent: 'center',
    },

    radioButtonActive:{
        borderRadius: 3,
        backgroundColor:COLOR_THEME,
        color:'#fff',
        height: 35,
        width: (SCREEN_WIDTH-45)/2,
        marginBottom: 10,
        alignItems:'center',
        justifyContent: 'center',
    },

    inputBox:{
        marginLeft: 15,
        marginRight: 15,
        height:180,
        borderWidth: 1,
        borderColor:'#969696',
        borderRadius:3,
        marginBottom:20,
    },

    textInputRight:{
        position:'absolute',
        right:5,
        bottom:2,
    },

    bottomButtonBox:{
        marginLeft: 15,
        marginRight: 15,
        flexDirection: 'row',
        justifyContent: 'space-between',
    },

    bottomButton:{
        borderRadius: 3,
        backgroundColor:COLOR_LINK,
        color:'#fff',
        height: 50,
        width: (SCREEN_WIDTH-45)/2,
        marginBottom: 10,
        alignItems:'center',
        justifyContent: 'center',
    },
});